<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" >
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>主界面</title>
<link rel="stylesheet" href="Css/Mainshowcss.css" type="text/css"></link>
</head>
<body>
	<div class="mainshow">
		<div class="top">
			<div id="logo">
				<img src="img/logo.png">
				<a>差旅管理系统</a>
			</div>
			<div id="person">
				<img src="img/head-man.png">
				<button id="quit" onclick="quit()"><span>退出登录</span></button><br/>
			</div>
		</div>
		
		<div class="leftside">
			<p id="workmenu"><img src="img/menu.png">工作台</p><br/>
			<button value="../C-Home/Home.jsp" onclick="topage(this)"><span>首页</span></button><br/>
			<button value="../D-Business/BusinessForm.jsp" onclick="topage(this)"><span>出差单</span></button><br/>
			<button value="../E-Reimbursement/ReimburseForm.jsp" onclick="topage(this)"><span>报销单</span></button><br/>
			<button value="../F-Loan/LoanForm.jsp" onclick="topage(this)"><span>借款单</span></button><br/>
			<button value="../F-Loan/Repayment.jsp" onclick="topage(this)"><span>待还款</span></button><br/>
			<button value="../G-Approval/BusinessApproval.jsp" onclick="topage(this)"><span>审批</span></button><br/>
			<button value="../I-Record/BusinessRecord.jsp" onclick="topage(this)"><span>记录</span></button><br/>
			<button value="../J-Staff/StaffMessage.jsp" onclick="topage(this)"><span>员工信息</span></button><br/>
		</div>
		
		<div class="rightside" id="rside">
			<iframe class="show" src="../C-Home/Home.jsp" id="show"></iframe>
		</div>
		
		<div class="bottomside">
			
		
		</div>
	
	</div>
	
	<script>
		function topage(a){
			var rside=document.getElementById("rside");
			var show=document.getElementById("show");
			rside.style.opacity=1;
			show.src = a.value;
		}
		
		function quit(){
			window.location.href="../A-LoginandFind/login.jsp";
		}
	
	</script>
	

	
</body>
</html>